<div class="section-title" ng-click="togglePanel('machineStatus',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.machineStatus.title' | translate"></label>
    <div class="kmi-can-click"></div>
</div>
<div class="section-content">
    <!-- 20230817 modify by Alan for M#143807: 設備列表預設設備名稱排序 -->
    <div class="mdd-list c-mdd-list" list-name="B0201_EquipmentDetails" list-bind="machineList" list-alias="dashboard['machineStatus'].machineList" page-name="B0201_" default-code="machine_display" style="flex: 1" _transclude-elem="[object Object]">
        <div class="kmi-list column-selector" kmi-scrollbar="178px" column-selector-id="B0201_EquipmentDetails" style="flex: 1">
            <div class="kmi-list__header">
                <div class="kmi-list__column " style="flex: 0 0 28px" ng-show="_event['machineList.machine_status'].isShown != 'N'">
                    <div class="order" ng-hide="_objmachineList.header[0].isFilter">
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 0">{{!_objmachineList.header[0].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(0, 'machine_status', '_objmachineList');"></div>
                    </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['machineList.machine_display'].isShown != 'N'">
                    <div class="filter" ng-show="_objmachineList.header[1].isFilter">
                        <input ng-model="_objmachineList.filterColumns['machine_display']" />
                        <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objmachineList.header[1].isFilter = false;_objmachineList.filterColumns['machine_display'] = '';">clear</i>
                    </div>

                    <div class="order" ng-hide="_objmachineList.header[1].isFilter">
                        <i class="material-icons search" style="z-index: 1" ng-click="_objmachineList.header[1].isFilter = true">search</i>
                        <label ng-bind="'B0201_EquipmentDetails.columns.machine_display' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 1">{{!_objmachineList.header[1].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(1, 'machine_display', '_objmachineList');"></div>
                    </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 0 0 30px" ng-show="_event['machineList.machine_qc_count'].isShown != 'N'">
                    <div class="order" ng-hide="_objmachineList.header[2].isFilter">
                        <label ng-bind="'B0214_EquipmentDetails.columns.machine_qc_count' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 2">{{!_objmachineList.header[2].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(2, 'machine_qc_count', '_objmachineList');"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list__row-content">
                <div class="kmi-list__row" id="B0201_EquipmentDetails_result_list" ng-repeat="item in _event['machineList'].getPages(dashboard['machineStatus'].machineList, _objmachineList.PageConfig, _objmachineList.filterColumns, _objmachineList.header[_objmachineList.queryOrder]) track by $index" ng-class="{'is-select':_event['machineList'].checkSelect(item, {index:$index, event:$event})}">
                    <div item-name="machine_status" class="kmi-list__column" header-label="N" header-filter="N" header-order="N" style="flex: 0 0 28px; padding: 0px">
                        <div class="dashboard-light-panel" ng-class="[machineStatus(item.status)]">{{('common.machine.status.'+ item.status | translate).substr(0, 1)}}</div>
                    </div>
                    <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.machine_display" ng-if="_event['machineList.machine_display'].isShown != 'N'"></div>
                    <div item-name="machine_qc_count" class="kmi-list__column"  header-filter="N" header-order="N" style="display:flex;align-items:center;flex: 0 0 30px; padding: 0px;">
                        <i class="material-icons">playlist_add_check</i>
                        <div ng-bind="item.machine_qc_count"></div>
                    </div>
                    <div class="kmi-can-click" ng-click="_event['machineList'].rowClick(item, {index:$index, event:$event});"></div>
                </div>
            </div>
        </div>
        <div class="page-content">
            <div class="page-icon">
                <img src="image/icons/dropleft.png" />
                <div class="kmi-can-click" ng-click="prevPage(_objmachineList.PageConfig);"></div>
            </div>
            <label ng-bind="pageInfo(_objmachineList.PageConfig);"></label>
            <div class="page-icon">
                <img src="image/icons/dropright.png" />
                <div class="kmi-can-click" ng-click="nextPage(_objmachineList.PageConfig);"></div>
            </div>
        </div>
    </div>
</div>
